<!DOCTYPE html><html><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no">
<link rel="stylesheet" href="//at.alicdn.com/t/font_342477_owwvl7ndgo.css?v=1.0.0">
<link type="text/css" rel="stylesheet" href="/static/css/s.common.css">
<link type="text/css" rel="stylesheet" href="/static/css/s.agent.css">
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/layer_mobile/layer.js"></script>

<link rel="stylesheet" type="text/css" href="/static/js/mobileSelect/css/mobileSelect.css">
<script src="//oss.nawen1413.com/js/data.mobileSelect.js" type="text/javascript"></script>
<script src="/static/js/mobileSelect/js/mobileSelect.min.js" type="text/javascript"></script>

<title>代理注册</title>
<style>
::-webkit-scrollbar { width: 12px !important; height: 12px !important; }::-webkit-scrollbar-track:vertical {  }::-webkit-scrollbar-thumb:vertical { background-color: rgba(136, 141, 152, 0.5) !important; border-radius: 10px !important; background-clip: content-box !important; border:2px solid transparent !important; } ::-webkit-scrollbar-track:horizontal {  }::-webkit-scrollbar-thumb:horizontal { background-color: rgba(136, 141, 152, 0.5) !important; border-radius: 10px !important; background-clip: content-box !important; border:2px solid transparent !important; } ::-webkit-resizer { display: none !important; }html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}.hairline-remove-right-bottom{border-bottom:0}.hairline-remove-left-top:before,.hairline-remove-right-bottom-bak:after,.hairline-remove-right-bottom:after{display:none}.am-fade-appear,.am-fade-enter{opacity:0}.am-fade-appear,.am-fade-enter,.am-fade-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-timing-function:cubic-bezier(.55,0,.55,.2);-webkit-animation-play-state:paused;animation-play-state:paused}.am-fade-appear.am-fade-appear-active,.am-fade-enter.am-fade-enter-active{-webkit-animation-name:amFadeIn;animation-name:amFadeIn;-webkit-animation-play-state:running;animation-play-state:running}.am-fade-leave.am-fade-leave-active{-webkit-animation-name:amFadeOut;animation-name:amFadeOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes amFadeIn{0%{opacity:0}to{opacity:1}}@keyframes amFadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes amFadeOut{0%{opacity:1}to{opacity:0}}@keyframes amFadeOut{0%{opacity:1}to{opacity:0}}.am-slide-up-appear,.am-slide-up-enter{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.am-slide-up-appear,.am-slide-up-enter,.am-slide-up-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-timing-function:cubic-bezier(.55,0,.55,.2);-webkit-animation-play-state:paused;animation-play-state:paused}.am-slide-up-appear.am-slide-up-appear-active,.am-slide-up-enter.am-slide-up-enter-active{-webkit-animation-name:amSlideUpIn;animation-name:amSlideUpIn;-webkit-animation-play-state:running;animation-play-state:running}.am-slide-up-leave.am-slide-up-leave-active{-webkit-animation-name:amSlideUpOut;animation-name:amSlideUpOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes amSlideUpIn{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes amSlideUpIn{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes amSlideUpOut{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes amSlideUpOut{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}.am.am-zoom-enter,.am.am-zoom-leave{display:block}.am-zoom-appear,.am-zoom-enter{opacity:0;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-timing-function:cubic-bezier(.55,0,.55,.2);-webkit-animation-timing-function:cubic-bezier(.18,.89,.32,1.28);animation-timing-function:cubic-bezier(.18,.89,.32,1.28);-webkit-animation-play-state:paused;animation-play-state:paused}.am-zoom-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-timing-function:cubic-bezier(.55,0,.55,.2);-webkit-animation-timing-function:cubic-bezier(.6,-.3,.74,.05);animation-timing-function:cubic-bezier(.6,-.3,.74,.05);-webkit-animation-play-state:paused;animation-play-state:paused}.am-zoom-appear.am-zoom-appear-active,.am-zoom-enter.am-zoom-enter-active{-webkit-animation-name:amZoomIn;animation-name:amZoomIn;-webkit-animation-play-state:running;animation-play-state:running}.am-zoom-leave.am-zoom-leave-active{-webkit-animation-name:amZoomOut;animation-name:amZoomOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes amZoomIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}}@keyframes amZoomIn{0%{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes amZoomOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}}@keyframes amZoomOut{0%{opacity:1;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scale(0);transform:scale(0)}}.am-slide-down-appear,.am-slide-down-enter{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.am-slide-down-appear,.am-slide-down-enter,.am-slide-down-leave{-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(.55,0,.55,.2);animation-timing-function:cubic-bezier(.55,0,.55,.2);-webkit-animation-play-state:paused;animation-play-state:paused}.am-slide-down-appear.am-slide-down-appear-active,.am-slide-down-enter.am-slide-down-enter-active{-webkit-animation-name:amSlideDownIn;animation-name:amSlideDownIn;-webkit-animation-play-state:running;animation-play-state:running}.am-slide-down-leave.am-slide-down-leave-active{-webkit-animation-name:amSlideDownOut;animation-name:amSlideDownOut;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes amSlideDownIn{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes amSlideDownIn{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes amSlideDownOut{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes amSlideDownOut{0%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}*,:after,:before{-webkit-tap-highlight-color:rgba(0,0,0,0)}html{font-size:50px}body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:32px;background-color:#f5f5f9}[contenteditable]{-webkit-user-select:auto!important}:focus,a{outline:none}a{background:transparent;text-decoration:none}.am-icon{fill:currentColor;background-size:cover;width:44px;height:44px}.am-icon-xxs{width:30px;height:30px}.am-icon-xs{width:36px;height:36px}.am-icon-sm{width:42px;height:42px}.am-icon-md{width:44px;height:44px}.am-icon-lg{width:72px;height:72px}.am-icon-loading{-webkit-animation:cirle-anim 1s linear infinite;animation:cirle-anim 1s linear infinite}@-webkit-keyframes cirle-anim{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes cirle-anim{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.hairline-remove-right-bottom{border-bottom:0}.hairline-remove-left-top:before,.hairline-remove-right-bottom-bak:after,.hairline-remove-right-bottom:after{display:none}.am-toast{position:fixed;width:100%;z-index:1999;font-size:28px;text-align:center}.am-toast>span{max-width:50%}.am-toast.am-toast-mask{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;left:0;top:0}.am-toast.am-toast-nomask{position:fixed;max-width:50%;width:auto;left:50%;top:50%}.am-toast.am-toast-nomask .am-toast-notice{-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.am-toast-notice-content .am-toast-text{min-width:1.2rem;border-radius:6px;color:#fff;background-color:rgba(58,58,58,.9);line-height:1.5;padding:18px 30px}.am-toast-notice-content .am-toast-text.am-toast-text-icon{border-radius:10px;padding:30px}.am-toast-notice-content .am-toast-text.am-toast-text-icon .am-toast-text-info{margin-top:12px}body{line-height:40px!important;font-size:26px!important}body,body.g-init-echart{font-family:Microsoft YaHei,Helvetica!important;color:#2e3136;background:#f5f6f7!important}body.g-init-echart{line-height:20px!important;font-size:13px!important}.g-am-init .am-tabs-bar{background:#fff!important}.g-am-init .am-tabs-tab{position:relative}.g-am-init .am-tabs-tab-active{color:#5c8dff!important}.g-am-init ._line-animated,.g-am-init .am-tabs-ink-bar{background-color:#5c8dff!important;z-index:1}.am-tabs-content .am-tabs-tabpane{background:none!important}.am-init-fixed .am-tabs-bar{position:fixed;top:0;width:100%;z-index:8}.g-am-init .am-list-content{font-size:26px!important;color:#333!important}.g-am-init .am-list-item{padding-left:20px!important;border-bottom:1px solid #efeff4}.g-am-init .am-list-item .am-list-line{padding-right:20px}.g-am-init .am-list-extra{font-size:26px!important}.g-am-init .am-input-control input,.g-am-init .am-input-label{font-size:26px!important;color:#4d4d4d!important}.g-am-init .am-input-control input::-webkit-input-placeholder{font-size:26px!important}.g-am-init .am-tabs-bar .am-tabs-tab{font-size:26px!important}.g-init-echart .g-am-init .am-list-content{font-size:13px!important;color:#333!important}.g-init-echart .g-am-init .am-list-item{padding-left:10px!important;border-bottom:1px solid #efeff4}.g-init-echart .g-am-init .am-list-item .am-list-line{padding-right:20px}.g-init-echart .g-am-init .am-list-extra{font-size:13px!important}.g-init-echart .g-am-init .am-input-control input,.g-init-echart .g-am-init .am-input-label{font-size:13px!important;color:#4d4d4d!important}.g-init-echart .g-am-init .am-input-control input::-webkit-input-placeholder{font-size:13px!important}.g-init-echart .g-am-init .am-tabs-bar .am-tabs-tab{font-size:13px!important}.c-share-back{position:fixed;width:100%;left:0;right:0;margin:auto;bottom:200px;z-index:9;padding-left:50px}.c-share-back .__content{float:left;width:70px}.c-share-back .__icon{float:right;border-radius:100%;text-align:center;background:rgba(0,0,0,.5);line-height:70px;height:70px;width:70px;margin-top:-70px;color:#fff;font-size:50px}.g-init-echart .c-share-back{position:fixed;width:100%;left:0;right:0;margin:auto;bottom:100px;z-index:9;padding-left:25px}.g-init-echart .c-share-back .__content{float:left;width:35px}.g-init-echart .c-share-back .__icon{float:right;border-radius:100%;text-align:center;background:rgba(0,0,0,.5);line-height:35px;height:35px;width:35px;margin-top:-35px;color:#fff;font-size:25px}.v-invite-inviter .v-inviter-header{height:300px;padding:20px}.v-invite-inviter .v-inviter-header img{border-radius:50%;border:2px solid #fff}.v-invite-inviter .g-btn-orange{margin-top:80px}.hairline-remove-right-bottom{border-bottom:0}.hairline-remove-left-top:before,.hairline-remove-right-bottom-bak:after,.hairline-remove-right-bottom:after{display:none}.am-picker-col{display:block;position:relative;height:476px;overflow:hidden;width:100%}.am-picker-col-content{position:absolute;left:0;top:0;width:100%;z-index:1;padding:204px 0}.am-picker-col-item{-ms-touch-action:manipulation;touch-action:manipulation;text-align:center;font-size:32px;height:68px;line-height:68px;color:#000;white-space:nowrap;text-overflow:ellipsis}.am-picker-col-item-selected{font-size:34px}.am-picker-col-mask{top:0;height:100%;margin:0 auto;background-image:-webkit-linear-gradient(top,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),-webkit-linear-gradient(bottom,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));background-image:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.95)),to(hsla(0,0%,100%,.6))),-webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.95)),to(hsla(0,0%,100%,.6)));background-image:linear-gradient(180deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6)),linear-gradient(0deg,hsla(0,0%,100%,.95),hsla(0,0%,100%,.6));background-position:top,bottom;background-size:100% 204px;background-repeat:no-repeat}.am-picker-col-indicator,.am-picker-col-mask{position:absolute;left:0;width:100%;z-index:3}.am-picker-col-indicator{-webkit-box-sizing:border-box;box-sizing:border-box;height:68px;top:204px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.am-picker{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.am-picker-item{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center}.hairline-remove-right-bottom{border-bottom:0}.hairline-remove-left-top:before,.hairline-remove-right-bottom-bak:after,.hairline-remove-right-bottom:after{display:none}.am-picker-popup{left:0;bottom:0;position:fixed;width:100%;background-color:#fff}.am-picker-popup-wrap{overflow:auto;-webkit-overflow-scrolling:touch;outline:0}.am-picker-popup-mask,.am-picker-popup-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.am-picker-popup-mask{background-color:rgba(0,0,0,.4);height:100%}.am-picker-popup-mask-hidden{display:none}.am-picker-popup-header{background-image:-webkit-linear-gradient(top,#e7e7e7,#e7e7e7,transparent,transparent);background-image:-webkit-gradient(linear,left top,left bottom,from(#e7e7e7),color-stop(#e7e7e7),color-stop(transparent),to(transparent));background-image:linear-gradient(180deg,#e7e7e7,#e7e7e7,transparent,transparent);background-position:bottom;background-size:100% 1px;background-repeat:no-repeat;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.am-picker-popup-header:after{display:block;position:absolute;content:"";left:0;bottom:0;right:auto;top:auto;width:100%;border-bottom:1px solid #ddd}.am-picker-popup-header .am-picker-popup-header-right{text-align:right}.am-picker-popup-item{color:#108ee9;font-size:34px;padding:18px 30px;height:84px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.am-picker-popup-item-active{background-color:#ddd}.am-picker-popup-title{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;color:#000}.am-picker-popup .am-picker-popup-close{display:none}.am-picker-col{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.hairline-remove-right-bottom{border-bottom:0}.hairline-remove-left-top:before,.hairline-remove-right-bottom-bak:after,.hairline-remove-right-bottom:after{display:none}.am-modal{position:relative}.am-modal-mask{position:fixed;top:0;right:0;left:0;bottom:0;height:100%;z-index:999;background-color:rgba(0,0,0,.4)}.am-modal-mask-hidden{display:none}.am-modal-wrap{position:fixed;overflow:auto;top:0;right:0;bottom:0;left:0;height:100%;z-index:999;-webkit-overflow-scrolling:touch;outline:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.am-modal.am-modal-transparent .am-modal-content{border-radius:14px;height:auto;padding-top:30px}.am-modal.am-modal-transparent .am-modal-content .am-modal-body{padding:0 30px 30px}.am-modal-title{margin:0;font-size:36px;line-height:1;color:#000;text-align:center}.am-modal-header{padding:12px 30px 30px}.am-modal-content{position:relative;background-color:#fff;border:0;background-clip:padding-box;text-align:center;height:100%;overflow:hidden}.am-modal-close{border:0;padding:0;background-color:transparent;outline:none;position:absolute;right:30px;z-index:999;height:42px;width:42px}.am-modal-close-x{display:inline-block;width:30px;height:30px;background-repeat:no-repeat;background-size:cover;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='30' height='30' viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23888' fill-rule='evenodd'%3E%3Cpath d='M1.414 0l28.284 28.284-1.414 1.414L0 1.414z'/%3E%3Cpath d='M28.284 0L0 28.284l1.414 1.414L29.698 1.414z'/%3E%3C/g%3E%3C/svg%3E")}.am-modal-body{font-size:30px;color:#888;height:100%;line-height:1.5;overflow:auto}.am-modal-button-group-h{border-top:1px solid #ddd;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.am-modal-button-group-h .am-modal-button{-webkit-touch-callout:none;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;text-decoration:none;outline:none;color:#108ee9;font-size:36px;height:100px;line-height:100px;display:block;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.am-modal-button-group-h .am-modal-button:first-child{color:#000;border-right:1px solid #ddd}.am-modal-button-group-v .am-modal-button{-webkit-touch-callout:none;border-top:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;text-decoration:none;outline:none;color:#108ee9;font-size:36px;height:100px;line-height:100px;display:block;width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.am-modal-button-active{background-color:#ddd}.am-modal-input{height:72px;line-height:1;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.am-modal-input:first-child{margin-top:18px;border-top:1px solid #ddd;border-top-left-radius:6px;border-top-right-radius:6px}.am-modal-input:last-child{border-bottom-left-radius:6px;border-bottom-right-radius:6px}.am-modal-input input{border:0;width:98%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:6px 0}.am-modal-input input::-webkit-input-placeholder{font-size:28px;color:#ccc;padding-left:16px}.am-modal-input input::-ms-input-placeholder{font-size:28px;color:#ccc;padding-left:16px}.am-modal-input input::placeholder{font-size:28px;color:#ccc;padding-left:16px}.am-modal.am-modal-transparent.am-modal-android .am-modal-content{border-radius:0}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-header{padding:18px 48px 24px}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-header .am-modal-title{text-align:left;font-size:42px;color:#000}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body{color:#000;text-align:left;padding:0 48px 30px}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input{border-left:0;border-right:0;border-radius:0}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-body .am-modal-input:first-child{border-top:0}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer{padding-bottom:24px}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h{overflow:hidden;border-top:0;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:0 24px}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button{-webkit-box-flex:initial;-webkit-flex:initial;-ms-flex:initial;flex:initial;margin-left:6px;padding:0 30px;height:96px;-webkit-box-sizing:border-box;box-sizing:border-box}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-h .am-modal-button:first-child{border-right:0;color:#777}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;overflow:hidden;padding:0 24px}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-v.am-modal-button-group-normal .am-modal-button{border-top:0;padding:0 30px;margin-left:6px;height:96px;-webkit-box-sizing:border-box;box-sizing:border-box}.am-modal.am-modal-transparent.am-modal-android .am-modal-content .am-modal-footer .am-modal-button-group-operation .am-modal-button{text-align:start;padding-left:30px}.am-modal.am-modal-operation .am-modal-content{border-radius:14px;height:auto;padding-top:0}.am-modal.am-modal-operation .am-modal-content .am-modal-body{padding:0!important}.am-modal.am-modal-operation .am-modal-content .am-modal-button{color:#000;text-align:center}._modals p{line-height:60px}._modals ._bg-spink{background-color:#fff2ea;color:#fe9053}._modals ._btn-list{padding-bottom:20px}._modals ._btn-list span{display:inline-block;width:200px;line-height:72px;border-radius:36px;text-align:center}.item-radius{border-radius:16px}.v-invite-group-level{margin-bottom:88px}.v-invite-group-level .g-bg-lgr-orange ._recommend,.v-invite-group-level .g-bg-white ._recommend{margin-left:20px;font-size:22px;background-color:#000;color:#fae1a4;display:inline-block;border-radius:18px;text-align:center;padding:0 7px}.v-invite-baseinfo .v-baseinfo-header{height:300px;padding:20px}.v-invite-baseinfo .v-baseinfo-header img{border-radius:50%;border:2px solid #fff}.v-invite-baseinfo .g-btn-orange{margin-top:80px}[class*=v-invite-] ._course{height:170px;background-color:#fff;padding-bottom:20px}[class*=v-invite-] ._step{width:80px;position:relative}[class*=v-invite-] ._step span{display:block;margin:0 auto;width:50px;height:50px;line-height:50px;text-align:center;border-radius:50%;border:1px solid #c2c2c2}[class*=v-invite-] ._step p{position:absolute;left:-27px;bottom:-50px;width:132px;text-align:center;font-size:18px}[class*=v-invite-] ._step_active{background-color:#5c8dff!important;border-color:#5c8dff!important;color:#fff}[class*=v-invite-] ._step_line_style{display:inline-block;border-bottom:1px solid #c1c1c1;width:80px}[class*=v-invite-] ._step_line_active_style{border-color:#5c8dff!important}

.common-input .__input .__pd-l{ text-align:center; }

.layui-layer-loading .layui-layer-content{ width:120px; height:48px; background-size:cover; }
.layui-m-layer-msg .layui-m-layercont{ font-size:28px; line-height:44px; padding:20px 40px;}
.layui-m-layer2 .layui-m-layercont i{ background:#5c8dff; }

</style>

</head>
<body style="">

<div id="pages">
    <div data-reactroot="">
		<!--基本信息-->
        <div class="v-invite-baseinfo" style='display:none'>
            <title>申请代理商</title>
            <div class="g-tc g-bg-white" style="background: url('/static/image/login_1.png') 0% 0% / 100% no-repeat;">
                <img src="/static/image/login_1.png" style="height: 260.8px; z-index: 0; position: absolute; width: 100%; left: 0px;">
                <div class="g-relative v-baseinfo-header " style="z-index: 2; height: 260.8px;">
                    <img class="g-img-160 g-m-b-20 g-br-circle" src="/static/image/logo1111.jpg" alt="">
                    <p class="g-fs-36  g-white">深圳市娜纹生物科技有限公司</p>
                    <p class="g-white" style='display:none;'>邀请人：总部</p></div>
            </div>
            <div class="g-flex g-jc-c _course g-ai-c">
				{volist name='$step' id='v' key='k'}
                <div class="_step">
                    <span class="{if condition="$v.status eq 1"}_step_active{/if}">{$v.step}</span>
                    <p class="g-blue-middle">{$v.name}</p>
				</div>
				
				<?php if($k < count($step)){
					echo '<i class="_step_line_style"></i>';
				}
				?>
				{/volist}
            </div>
			
            <div>
                
                <div class="common-input">
                    <div class="g-bt _row __input">
                        <div class="__pd-l __col-3 g-text-over">
                            <i class="iconfont icon-a501  g-fs-40 g-black-light"></i>
                        </div>
                        <input type="password" name='login_pwd1' class="__col-7" value="" maxlength="64" placeholder="登陆密码长度在6-20位" style="height: 40px; margin-top: 20px; margin-bottom: 20px; line-height: 40px;">
					</div>
                </div>
				<div class="common-input">
                    <div class="g-bt _row __input">
                        <div class="__pd-l __col-3 g-text-over">
                            <i class="iconfont icon-a501  g-fs-40 g-black-light"></i>
                        </div>
                        <input type="password" name='login_pwd2' class="__col-7" value="" maxlength="64" placeholder="确认登陆密码" style="height: 40px; margin-top: 20px; margin-bottom: 20px; line-height: 40px;">
					</div>
                </div>
				<!--
                <div class="common-input">
                    <div class="g-bt _row __input">
                        <div class="__pd-l __col-3 g-text-over">
                            <i class="iconfont icon-a501 g-fs-40 g-black-light"></i>
                        </div>
                        <input type="password" name='trans_pwd' class="__col-7" value="" maxlength="64" placeholder="交易密码" style="height: 40px; margin-top: 20px; margin-bottom: 20px; line-height: 40px;">
					</div>
                </div>
				-->
                <div class="g-m-t-20">
                    <div class="common-input">
                        <div class="g-bt _row __input">
                            <div class="__pd-l __col-3 g-text-over">
                                <i class="iconfont icon-xingming  g-fs-40 g-black-light"></i>
                            </div>
                            <input type="text" name='realname' class="__col-7" maxlength="12" placeholder="请填写姓名" style="height: 40px; margin-top: 20px; margin-bottom: 20px; line-height: 40px;">
						</div>
                    </div>
                    <div class="common-input">
                        <div class="g-bt _row __input">
                            <div class="__pd-l __col-3 g-text-over">
                                <i class="iconfont icon-shenfenzheng g-fs-40 g-black-light"></i>
                            </div>
                            <input type="text" name="idcard" class="__col-7" maxlength="18" placeholder="请填写身份证号" style="height: 40px; margin-top: 20px; margin-bottom: 20px; line-height: 40px;">
						</div>
                    </div>
                    <div class="common-input">
                        <div class="g-bt _row __input">
                            <div class="__pd-l __col-3 g-text-over">
                                <i class="iconfont icon-xingming g-fs-40 g-black-light"></i>
                            </div>
							<input  type="hidden" name ="sex" id="sex" value="0" />
                            <input type="text" id="sex_text" class="__col-7" maxlength="18" placeholder="性别" style="height: 40px; margin-top: 20px; margin-bottom: 20px; line-height: 40px; background:url(/static/image/right.png) no-repeat right center;width:70%;" readonly>
						</div>
                    </div>
                    <div class="common-input">
                        <div class="g-bt _row __input">
                            <div class="__pd-l __col-3 g-text-over">
                                <i class="iconfont icon-xingming g-fs-40 g-black-light"></i>
                            </div>
							<input  type="hidden" name ="province" id="province" />
							<input  type="hidden" name ="city" id="city" />
							<input  type="hidden" name ="region" id="region" />
                            <input type="text" id="address_text" name="address_text" class="__col-7" maxlength="18" placeholder="请选择所在地区" style="height: 40px; margin-top: 20px; margin-bottom: 20px; line-height: 40px; background:url(/static/image/right.png) no-repeat right center;width:70%;" readonly>
						</div>
                    </div>
					<div class="common-input">
                        <div class="g-bt _row __input">
                            <div class="__pd-l __col-3 g-text-over">
                                <i class="iconfont icon-shenfenzheng g-fs-40 g-black-light"></i>
                            </div>
                            <input type="text" id="education" name="education" class="__col-7" maxlength="18" placeholder="请选择学历" style="height: 40px; margin-top: 20px; margin-bottom: 20px; line-height: 40px; background:url(/static/image/right.png) no-repeat right center;width:70%;" readonly>
						</div>
                    </div>
                </div>
				
				<div class="common-input">
                    <div class="g-bt _row __input">
                        <div class="__pd-l __col-3 g-text-over">
                            <i class="iconfont icon-shouji g-fs-40 g-black-light"></i>
                        </div>
						<!--
                        <input type="tel" class="__col-7 g-blue-middle" value="+86 18221228706" maxlength="11" placeholder="请填写手机号码" style="height: 40px; margin-top: 20px; margin-bottom: 20px; line-height: 40px;">
						-->
						<input type="tel" name='phone' class="__col-7" value="" maxlength="11" placeholder="请填写手机号码" style="height: 40px; margin-top: 20px; margin-bottom: 20px; line-height: 40px;">
						 
					</div>
                </div>
                <div class="common-input">
                    <div class="g-bt _row __input">
                        <div class="__pd-l __col-3 g-text-over">
                            <i class="iconfont icon-ad80  g-fs-40 g-black-light"></i>
                        </div>
                        <input type="tel" name='smscode' class="__col-7 __col-4" value="" maxlength="4" placeholder="短信码" style="height: 40px; margin-top: 20px; margin-bottom: 20px; line-height: 40px;">
                        <div class="__fr __tc __bg-pink btn-sendsmscode" style="min-width: 200px;">验证码</div>
					</div>
                </div>
				
				
                <div class="g-m-l g-tc g-m-b" style="margin-top: 60px;">
                    <i class="g-m-b g-blue-middle g-m-r agree iconfont icon-check"></i>经阅读后，我同意并遵守
					{volist name='xieyilist' id='v'}
                    <a data-action='show_xieyi' _href="{$v.name}"><span class="g-blue-middle">《{$v.title}》</span></a>
					{/volist}

                </div>
				
				{volist name='xieyilist' id='v'}
                <div class="common-popup xieyi-item" data-name='{$v.name}' style="display:none;">
                    <div class="__bg"></div>
                    <div class="__fixed">
                        <p class="__close"><i class="iconfont icon-close xieyi-close"></i></p>
                        <div class="__content __height" style="overflow:hidden;">
                            <h4 style="text-align: center; margin: 15px 40px 0px;">{$v.title}</h4>
                            <div class="g-m-b-15" style="height: 400px; overflow-y: auto; margin-top: 10px; line-height: initial; font-size: 14px; zoom: 2;">
                                {$v.body}
                            </div>
                            <div class="g-bg-blue g-pd g-tc xieyi-close" style="position: relative; width: 100vw; left: -20px;">确定</div></div>
                    </div>
                </div>
                {/volist}
				
				<div class="g-btn-blue g-m-b-20 submit" style="margin-top: 0px;">下一步</div></div>
			
			
			
			
		</div>
		<!--基本信息 End-->
<style>
.level-selected{ display:none; }
.g-bg-lgr-orange .level-selected{ display:flex; }
</style>


<!--第一步：选择代理等级-->

<div class='v-invite-agentlevel'>
	<div>
            <div class="g-pd">
                <div class="g-m-b-20 g-pd-b">
                    <p>选择您想代理的产品:</p>
                    <div>
                        <div class="g-bg-lgr-orange item-radius g-pd g-flex g-jc-sb g-m-t-20">
                            <div class="">
                                <p class="g-fs-32">娜纹</p>
                                <p class="g-fs-26">娜纹</p></div>
                            <div class="g-ai-c g-flex">
                                <i class="iconfont icon-past"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="v-invite-group-level g-pd-t">
                    <p>请选择代理商的级别:</p>
					{volist name='$agentlevellist' id="v"}
					<?php
					//A邀请B加入代理等级123号，那么这里就不会显示456号代理等级
					if(empty($invitelevels) || in_array($v['agentlevelid'],$invitelevels)){ ?>
					<div class='agentlevel-item' data-id='{$v.agentlevelid}'>
                        <div class="g-bg-white item-radius g-pd g-flex g-jc-sb g-m-t-20" data-active="g-bg-lgr-orange/g-bg-white">
                            <div class="">
                                <p class="g-fs-32">{$v.agentlevelname}</p>
                                <p class="g-fs-26">首次进货金额至少达到：
                                    <span class="">￥{$v.firstbuyminamount}</span>元</p>
                                <p class="g-fs-26">需要缴纳保证金：
                                    <span>￥{$v.depositamount}</span>元</p>
							</div>

                            <div class="g-ai-c g-flex level-selected" data-desc="热点">
                                <i class="iconfont icon-past"></i>
                            </div>
							
                        </div>
                    </div>
					<?php } ?>
					{/volist}
                    
                </div>
                <div class="g-fixed-content tonext" style='display:none;'>
                    <a class="g-bg-blue g-lh-88 g-tc" style="display: block;">下一步</a>
				</div>
            </div>
			<!--
            <div class="c-share-back">
                <div class="__content">
                    <i class="iconfont icon-goback __icon"></i>
                </div>
            </div>
			-->
        </div>
    
</div>

<!---确定上级代理--->
<div class="inviter-confirm-box">
    <div data-reactroot="">
        <div class="am-modal-mask"></div>
        <div tabindex="-1" class="am-modal-wrap " role="dialog">
            <div role="document" class="am-modal am-modal-transparent" style="width: 5.4rem; height: auto;">
                <div class="am-modal-content">
                    <div class="am-modal-body">
                        <div class="_modals g-fs-30 g-tc">
                            <p class="g-fs-34 g-bb g-black-dark">提示</p>
                            <p class="g-pd-t g-black-dark">请确定您的邀请人是</p>
                            <p class="g-orange-dark g-fs-40"><img style='width:100px;' src="{$inviterimage}"></p>
                            <p class="g-orange-dark g-fs-40">{$invitername}</p>
                            <p class="g-black-dark g-fs-30">{$inviterlevelname}</p>
                            <p class="g-black-dark">({$inviterphonenum})</p>
                            <p class="g-pd-b g-black-middle">如果不是,请从其他邀请人处申请</p>
                            <div class="_btn-list">
                                <span class="g-bg-gray-1 g-black-dark btn-inviter-confirm-cancel" style="margin-right: 30px;">取消</span>
                                <span class="g-bg-blue btn-inviter-confirm-yes">确定</span>
							</div>
                        </div>
                    </div>
                </div>
                <div tabindex="0" style="width: 0px; height: 0px; overflow: hidden;">sentinel</div>
			</div>
        </div>
    </div>
</div>
<!---确定上级代理 End--->
<!--代理选择 End-->

<script>
var postData = {
	agentlevelid : '',//目标代理等级ID
};

let inviterConfirmed = false; //是否确认了邀请人信息

$(function(){
	//发送短信验证码
	$('.btn-sendsmscode').click(function(){
		if(typeof $(this).attr('disabled') != 'undefined'){
			return false;
		}
		let D = {
			type : 'register',
			phonenum : $("[name='phone']").val()
		};
		$(this).attr('disabled','disabled');
		let btn = $(this);
		$.ajax({
			url : "{:url('Member/send_smscode')}",
			type : 'POST',
			dataType : 'JSON',
			data : D,
			success : function(e){
				layerMsg(e.info,function(){
					if(!e.flag){
						$(btn).removeAttr('disabled');
					}else{
						daojishi_defaultHtml = $(btn).html();
						daojishi();
					}
				});
			},error : function(){
			},complete : function(){
			}
		});
	});
	//确认上级信息
	$('.btn-inviter-confirm-yes').click(function(){
		inviterConfirmed = true;
		$('.tonext').css('display','block');
		$('.inviter-confirm-box').css('display','none');
	});
	//不确认上级信息
	$('.btn-inviter-confirm-cancel').click(function(){
		$('.inviter-confirm-box').css('display','none');
	});
	//同意协议
	$('i.agree').click(function(){
		if($(this).hasClass('icon-checked')){
			$(this).removeClass('icon-checked').addClass('icon-check');
		}else{
			$(this).removeClass('icon-check').addClass('icon-checked');
		}
	});
	//选择代理等级
	$('.agentlevel-item').click(function(){
		if(!inviterConfirmed){
			return;
		}
		postData.agentlevelid = $(this).attr('data-id');
		$('.item-radius',this).removeClass('g-bg-white').addClass('g-bg-lgr-orange');
		$(this).siblings('.agentlevel-item').find('.item-radius').removeClass('g-bg-lgr-orange').addClass('g-bg-white');
		console.log(postData);
	});
	//下一步
	$('.tonext').click(function(){
		if(postData.agentlevelid == ''){
			layerMsg('请选择代理商的级别'); return;
		}
		$('.v-invite-baseinfo').css('display','block');
		$('.v-invite-agentlevel').css('display','none');
	});
	//选择好代理等级后 进入提交
	$('.submit').click(function(){
		getFormData();
		if(postData.phone == ''){
			layerMsg('手机号码不能为空'); return;
		}
		if(postData.smscode == ''){
			layerMsg('请输入短信验证码'); return;
		}
		if(postData.login_pwd1.length < 6 || postData.login_pwd1.length > 20){
			layerMsg('登录密码长度在6-20位之间'); return;
		}
		if(postData.login_pwd1 != postData.login_pwd2){
			layerMsg('登录密码输入不一致'); return;
		}
		//if(postData.trans_pwd == ''){
			//layerMsg('请输入交易密码'); return;
		//}
		if(postData.realname == ''){
			layerMsg('请填写姓名'); return;
		}
		if(postData.idcard == ''){
			layerMsg('请填写身份证号码'); return;
		}
		if(postData.idcard == ''){
			layerMsg('请填写身份证号码'); return;
		}
		if(postData.region == ''){
			layerMsg('请选择地区'); return;
		}
		if(!$('.agree').hasClass('icon-checked')){
			layerMsg('需要同意相关协议'); return;
		}
		
		let lindex = layer.open({type: 2});
		$.post("{:url('Member/baseinfo')}",postData,function(e){
			layer.close(lindex);
			if(e.flag){
				location.href = "{:url('Member/register')}";
			}else{
				layerMsg(e.info);
			}
		},'JSON');
		
	});
	//弹出协议
	$("a[data-action='show_xieyi']").click(function(){
		$('body').css('overflow','hidden');
		let name=$(this).attr('_href');
		$('.xieyi-item').css('display','none');
		$('.xieyi-item[data-name="'+name+'"]').css('display','block');
	});
	//关闭协议
	$('.xieyi-close').click(function(){
		$(this).parents('.xieyi-item').eq(0).css('display','none');
		$('body').css('overflow','auto');
	});
});

function getFormData(){
	postData.phone = $("[name='phone']").val();
	postData.smscode = $("[name='smscode']").val();
	postData.login_pwd1 = $("[name='login_pwd1']").val();
	postData.login_pwd2 = $("[name='login_pwd2']").val();
	//postData.trans_pwd = $("[name='trans_pwd']").val();
	postData.realname = $("[name='realname']").val();
	postData.idcard = $("[name='idcard']").val();
	postData.sex = $("[name='sex']").val();
	postData.province = $("[name='province']").val();
	postData.city = $("[name='city']").val();
	postData.region = $("[name='region']").val();
	postData.education = $("[name='education']").val();
}

var daojishi_last = 60;
var daojishi_defaultHtml = '';//默认按钮文本
//验证码按钮倒计时
function daojishi(){
	$('.btn-sendsmscode').html(daojishi_last + 's');
	setTimeout(function(){
		daojishi_last--;
		if(daojishi_last > 0){
			daojishi();
		}else{
			$('.btn-sendsmscode').html(daojishi_defaultHtml);
			$('.btn-sendsmscode').removeAttr('disabled');
		}
	},1000);
}
</script>

    </div>
</div>


<style>
.mobileSelect .content .btnBar {
    border-bottom: 2px solid #DCDCDC;
    font-size: 30px;
    height: 90px;
    line-height: 90px;
}
.mobileSelect .content .btnBar .cancel, .mobileSelect .content .btnBar .ensure {
    height: 90px;
    width: 110px;
}
.mobileSelect .content .panel .wheel {
    height: 400px;
}
.mobileSelect .content .panel .wheel .selectContainer li {
    font-size: 30px;
    height: 80px;
    line-height: 80px;
}
.mobileSelect .content .panel .wheels {
    width: 100%;
    height: 400px;

}
.mobileSelect .content .panel .selectLine {
    height: 80px;
    width: 100%;
    top: 160px;
    border-top: 2px solid #DCDCDC;
    border-bottom: 2px solid #DCDCDC;
}
.mobileSelect .content .panel .shadowMask{
	height:400px;
}
.mobileSelect .content .btnBar .title{ font-size:30px; }

</style>

<script>
var mobileSelect_sex = new MobileSelect({
	trigger: '#sex_text',
	title: '您的性别',
	wheels: [
		{data : [{'id':'1','value':'男'},{'id':'2','value':'女'}]}
	],
	callback:function(indexArr, data){
		$('#sex_text').val(data[0].value);
		$('#sex').val(data[0].id);
	}
});
var mobileSelect_education = new MobileSelect({
	trigger: '#education',
	title: '您的学历',
	wheels: [
		{
			data : <?php echo json_encode($education,JSON_UNESCAPED_UNICODE);?>
		}
	],
	callback:function(indexArr, data){
		$('#education').val(data[0]);
	}
});
var mobileSelect_address = new MobileSelect({
	trigger: '#address_text',
	title: '选择地区',
	wheels: [
		{data : SevStudio_Wap_Address}
	],
	//position: [2,0,1],
	transitionEnd:function(indexArr, data){
	},
	callback:function(indexArr, data){
		console.log(indexArr);
		console.log(data);
		var address='',country='中国',province,city,region;

		data.forEach(function (item, index) {
			address = address+item.value;
			if(index==0){
				province = item.value;
			}else if(index==1){
				city = item.value;
			}else if(index==2){
				region = item.value;
			}
		});
		$("#address_text").val(address);
		$("[name='province']").val(province);
		$("[name='city']").val(city);
		$("[name='region']").val(region);
	}
});
</script>

</body>
</html>